<template>
   <div class="icon-text">
        <SvgIcon :name="name" :size="size" />
        <span class="text"><slot></slot></span>
   </div>
</template>

<script setup lang="ts">
import SvgIcon from './SvgIcon.vue';
import { computed } from 'vue';

interface Props {
	name: string;
	size: string;
}
const props = defineProps<Props>()


</script>


<style lang="scss" scoped>
.icon-text{
    display: inline-flex;
    align-items: center;
    .text{
        margin-left: 5px;
        font-size: 12px;
    }
}
</style>